<!--
 * @Author: your name
 * @Date: 2022-02-23 10:12:57
 * @LastEditTime: 2022-02-23 10:16:33
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \day03\4-浮动.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>文字围绕图片</title>
    <style>
        img{
            float: left;
        }
    </style>
</head>
<body>
    <!-- ./当前目录  ../上一级目录 -->
    <img src="./3.jpg" alt="" width="200px" height="200px">
    <div>
        he is Must  he is Must  he is Must  he is Must  he is Must
        he is Must  he is Must  he is Must  he is Must  he is Must
        he is Must  he is Must  he is Must  he is Must  he is Must
        he is Must  he is Must  he is Must  he is Must  he is Must
        he is Must  he is Must  he is Must  he is Must  he is Must
        he is Must  he is Must  he is Must  he is Must  he is Must
        he is Must  he is Must  he is Must  he is Must  he is Must
        he is Must  he is Must  he is Must  he is Must  he is Must
        he is Must  he is Must  he is Must  he is Must  he is Must
        he is Must  he is Must  he is Must  he is Must  he is Must
        he is Must  he is Must  he is Must  he is Must  he is Must
        he is Must  he is Must  he is Must  he is Must  he is Must
    </div>
</body>
</html>